<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小居Thinkphp5.1教程-登录</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="alternate icon" type="image/png" href="__RES__/assets/i/favicon.png">
    <link rel="stylesheet" href="__RES__/assets/css/amazeui.min.css"/>
    <style>
        .header {
            text-align: center;
        }
        .header h1 {
            font-size: 200%;
            color: #333;
            margin-top: 30px;
        }
        .header p {
            font-size: 14px;
        }
    </style>
</head>
<body>
<div class="header">
    <div class="am-g">
        <h1>Web ide</h1>
        <p>Integrated Development Environment<br/>代码编辑，代码生成，界面设计，调试，编译</p>
    </div>
    <hr />
</div>
<div class="am-g">
    <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
        <h3>登录</h3>

        <br>
        <br>

        <form method="post" class="am-form" action="__URL__/loginDo">

            {:token()}
            <label for="username">用户名:</label>
            <input type="text" name="username" id="username" value="">
            <br>
            <label for="password">密码:</label>
            <input type="password" name="password" id="password" value="">
            <br>

            <div class="am-g">
                <div class="am-u-sm-8">
                    <label for="password">验证码:</label>
                    <input type="text" name="verify" value="">

                </div>
                <div class="am-u-sm-4"><img src="__URL__/imgcode" id="verifyImg"></div>
            </div>


            <br />
            <div class="am-cf">
                <input type="submit" name="" value="登 录" class="am-btn am-btn-primary am-btn-sm am-fl">
            </div>
        </form>
        <hr>
        <p>© 2014 AllMobilize, Inc. Licensed under MIT license.</p>
    </div>
</div>

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>

$('#verifyImg').click(function(){

    var timestamp = Date.parse(new Date());

    var imgUrl = "__URL__/imgcode?_t="+timestamp;

    $(this).attr('src',imgUrl);


});


</script>
</body>
</html>
